/********淡入淡出*************/
.fade-enter,.fade-leave-to{
	opacity: 0 !important;
}
.fade-enter-active,.fade-leave-active{
	transition: opacity .5s !important;
}
/**********上移**********/
.moveTop-enter-active,.moveTop-leave-active{
	transition:top .5s;
}
.moveTop-enter,.moveTop-leave-to{
	top:100% !important;
}
.moveTop-enter-to,.moveTop-leave{
	top:0 !important;
}
/**********左移**********/
.moveRight-enter-active,.moveRight-leave-active{
	transition:all .3s;
}
.moveRight-enter,.moveRight-leave-to{
	right:-100% !important;
}
.moveRight-enter-to,.moveRight-leave{
	right:0 !important;
}
/*********缩放*************/
.bounce-enter-active {
  animation: bounce-in .5s;
}
.bounce-leave-active {
  animation: bounce-in .5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

/*********购物小球抛物线*************/

.drop-enter-active,.drop-leave-active{
	transition: all .5s cubic-bezier(0.49,-0.29,0.75,0.41);
}

/**********购物车弹出框上移**********/
.cartMoveTop-enter-active,.cartMoveTop-leave-active{
	transition:all .5s;
}
.cartMoveTop-enter,.cartMoveTop-leave-to{
	transform:translate3d(0,0,0) !important;;
}
.cartMoveTop-enter-to,.cartMoveTop-leave{
	transform:translate3d(0,-100%,0) !important;
}

/**********从左向右移动**********/
.moveLeft-enter-active,.moveLeft-leave-active{
	transition:left .3s linear;
}
.moveLeft-enter,.moveLeft-leave-to{
	left:100% !important;
}
.moveLeft-enter-to,.moveLeft-leave{
	left:0 !important;
}





